<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作业管理</title>
    <link rel="icon" href="./images/MIXIAOTU.png" type="image/x-icon">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./font/indexFont/iconfont.css">
    <link rel="stylesheet" href="./css/jobManagement.css">
</head>

<body>
    <!-- 头部 -->
    <header class="header screenFullNone">
        <div class="container">
            <div class="Hleft">
                <a href="index.html">
                    <img src="./images/courseware/科学小伙伴@2x.png" alt="logo科学小伙伴">
                    <!-- <p id="logoText"></p> -->
                </a>
            </div>
            <div class="Hright">
                <div id="infomation"><img src="./images/courseware/tixing@2x.png" alt="tixing"></div>
                <div id="tabOrganization">
                    <div class="showKXXHB">
                        <span>科学小伙伴</span>
                        <img src="./images/courseware/headerTaborganization.png" alt="">
                    </div>
                    <div class="pullDownList">
                        <!-- 下拉 -->
                        <div id="listBox">
                            <ul>
                                <!-- <li>摩尔思维编程</li> -->
                            </ul>
                        </div>

                        <a href="./joinOrgan.html"><img src="./images/lanjia.png"
                                alt=""><span>加入机构</span></a>
                    </div>
                </div>
                <button id="ruzhurenzheng">机构认证</button>
                <p class="logAfterHide">登录/注册</p>
                <div class="loginAfter dn">
                    <!-- <img src="./images/courseware/blue.png" alt=""> -->
                    <div class="enterLogin dn">
                        <a href="./personalCenter.html">
                            <p><img src="./images/courseware/personInfo.png" alt="personInfo">账号管理</p>
                        </a>
                        <p id="userExit"><img src="./images/courseware/tuichu.png" alt="tuichu">安全退出</p>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- 左侧新建课件 模块切换 -->
    <div class="content ">
        <div id="leftNav">
            <div class="createBtn">
                <a href="interactCourse.html" >
                    <div>
                        <em class="iconfont iconiconjia"></em>
                        <span>新建课件</span>
                    </div>
                    <!-- <img src="./images/courseware/圆角矩形 1@2x.png" alt="圆角矩形"> -->
                </a>
            </div>
            <nav class="Hnav">
                <ul class="clearfix">
                    <li>
                        <a href="./index.html">
                            <div>
                                <em class="iconfont iconzuanshi"></em>
                                <i>精品课件</i>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="./myCourse.html">
                            <div>
                                <em class="iconfont icondanganshuji"></em>
                                <i>我的课程</i>
                            </div>
                           
                        </a>
                    </li>
                    <!-- <li>
                        <a href="./jobManagement.html">
                            <em class="iconfont iconbi"></em>
                            <i>作业管理</i>
                        </a>
                    </li> -->
                    <li>
                        <a href="./recycleBin.html">
                            <div>
                                <em class="iconfont iconhuishouzhan"></em>
                                <i>回收站</i>
                            </div>
                        </a>
                    </li>
                </ul>
            </nav>
        </div>
        <div id="rightCon">
             <!-- 新建习题按钮-->
             <div class="createCourse">
                <div>
                    <div>
                    <em class="iconfont iconiconjia"></em>
                    新建习题</div>
                </div>
            </div>
            <!-- 作业列表 -->
            <div class="homewordList">
                <div>
                    <!-- <h4>作业列表</h4> -->
                    <p>最新创建</p>
                    <ul>
                        <li>
                            <a href="javascript:;" title="科学小伙伴使用说明">
                                <div class="workImg">
                                    <img src="./images/作业管理-1_slices/shipin 拷贝 2.png" alt="shipin">
                                </div>
                                <p>科学小伙伴使用说明</p>
                                <div class="createDate">
                                    <div class="moreOpt">
                                        <img src="./images/我的课件_slices/shenglvehao.png" alt="moreOption">
                                    </div>
                                    <span>2020-10-27</span>
                                </div>
                            </a>
                            <div class="opt">
                                <ul>
                                    <li>
                                        <em class="iconfont iconbi"></em>
                                        <span>编辑</span>
                                    </li>
                                    <li>
                                        <em class="iconfont iconzhongmingming"></em>
                                        <span>重命名</span>
                                    </li>
                                    <li>
                                        <em class="iconfont iconhuishouzhan"></em>
                                        <span>删除</span>
                                    </li>
                                </ul>
                                <img src="./images/sanjiao1.png" alt="">
                            </div>
                        </li>
                        <li>
                            <a href="javascript:;" title="科学小伙伴使用说明">
                                <div class="workImg">
                                    <img src="./images/作业管理-1_slices/矢量智能对象.png" alt="shipin">
                                </div>
                                <p>幼儿科学启蒙 -净水器</p>
                                <div class="createDate">
                                    <div class="moreOpt">
                                        <img src="./images/我的课件_slices/shenglvehao.png" alt="moreOption">
                                    </div>
                                    <span>2020-10-27</span>
                                </div>
                            </a>
                            <div class="opt">
                                <ul>
                                    <li>
                                        <span>编辑</span>
                                    </li>
                                    <li>
                                        <span>重命名</span>
                                    </li>
                                    <li>
                                        <span>删除</span>
                                    </li>
                                </ul>
                                <img src="./images/sanjiao1.png" alt="">
                            </div>
                        </li>
                    </ul>
                    <p>所有作业</p>
                    <ul>
                        <li>
                            <a href="javascript:;" title="科学小伙伴使用说明">
                                <div class="workImg">
                                    <img src="./images/作业管理-1_slices/shipin 拷贝 2.png" alt="shipin">
                                </div>
                                <p>科学小伙伴使用说明</p>
                                <div class="createDate">
                                    <div class="moreOpt">
                                        <img src="./images/我的课件_slices/shenglvehao.png" alt="moreOption">
                                    </div>
                                    <span>2020-10-27</span>
                                </div>
                            </a>
                            <div class="opt">
                                <ul>
                                    <li>
                                        <span>编辑</span>
                                    </li>
                                    <li>
                                        <span>重命名</span>
                                    </li>
                                    <li>
                                        <span>删除</span>
                                    </li>
                                </ul>
                                <img src="./images/sanjiao1.png" alt="">
                            </div>
                        </li>
                        <li>
                            <a href="javascript:;" title="科学小伙伴使用说明">
                                <div class="workImg">
                                    <img src="./images/作业管理-1_slices/shipin 拷贝 2.png" alt="shipin">
                                </div>
                                <p>科学小伙伴使用说明</p>
                                <div class="createDate">
                                    <div class="moreOpt">
                                        <img src="./images/我的课件_slices/shenglvehao.png" alt="moreOption">
                                    </div>
                                    <span>2020-10-27</span>
                                </div>
                            </a>
                            <div class="opt">
                                <ul>
                                    <li>
                                        <span>编辑</span>
                                    </li>
                                    <li>
                                        <span>重命名</span>
                                    </li>
                                    <li>
                                        <span>删除</span>
                                    </li>
                                </ul>
                                <img src="./images/sanjiao1.png" alt="">
                            </div>
                        </li>
                        <li>
                            <a href="javascript:;" title="科学小伙伴使用说明">
                                <div class="workImg">
                                    <img src="./images/作业管理-1_slices/shipin 拷贝 2.png" alt="shipin">
                                </div>
                                <p>科学小伙伴使用说明</p>
                                <div class="createDate">
                                    <div class="moreOpt">
                                        <img src="./images/我的课件_slices/shenglvehao.png" alt="moreOption">
                                    </div>
                                    <span>2020-10-27</span>
                                </div>
                            </a>
                            <div class="opt">
                                <ul>
                                    <li>
                                        <span>编辑</span>
                                    </li>
                                    <li>
                                        <span>重命名</span>
                                    </li>
                                    <li>
                                        <span>删除</span>
                                    </li>
                                </ul>
                                <img src="./images/sanjiao1.png" alt="">
                            </div>
                        </li>
                        <li>
                            <a href="javascript:;" title="科学小伙伴使用说明">
                                <div class="workImg">
                                    <img src="./images/作业管理-1_slices/shipin 拷贝 2.png" alt="shipin">
                                </div>
                                <p>科学小伙伴使用说明</p>
                                <div class="createDate">
                                    <div class="moreOpt">
                                        <img src="./images/我的课件_slices/shenglvehao.png" alt="moreOption">
                                    </div>
                                    <span>2020-10-27</span>
                                </div>
                            </a>
                            <div class="opt">
                                <ul>
                                    <li>
                                        <span>编辑</span>
                                    </li>
                                    <li>
                                        <span>重命名</span>
                                    </li>
                                    <li>
                                        <span>删除</span>
                                    </li>
                                </ul>
                                <img src="./images/sanjiao1.png" alt="">
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
           

        </div>

    </div>
    <!-- 新建习题弹窗 -->
    <div class="creaCourseDislog">
        <div class="centerBox">
            <h3>请选择创建类型</h3>
            <ul>
                <li>
                    <a href="courseDislog.html?parper=homework">
                        <img src="./images/作业管理-1_slices/矢量智能对象.png" alt="">
                    </a>
                    <p>课程习题</p>
                </li>
                <li>
                    <a href="courseDislog.html?parper=parperTest">
                        <img src="./images/作业管理-1_slices/wendang 拷贝 2.png" alt="">
                    </a>
                    <p>试卷</p>
                </li>
                <li>
                    <a href="courseDislog.html?parper=workVideo">
                        <img src="./images/作业管理-1_slices/shipin 拷贝 2.png" alt="">
                    </a>
                    <p>视频</p>
                </li>
                <li>
                    <a href="courseDislog.html">
                        <img src="./images/作业管理-1_slices/矢量智能对象(1).png" alt="">
                    </a>
                    <p>互动视频</p>
                </li>
                <li>
                    <a href="courseDislog.html">
                        <img src="./images/作业管理-1_slices/youxi 拷贝 3.png" alt="">
                    </a>
                    <p>AI动画</p>
                </li>
            </ul>
            <img class="closeChaS" src="./images/courseware/cha2.png" alt="cha2">
        </div>
    </div>
    <!-- 没有文档时，空白也 -->
    <div class="noneFile dn">
        <img src="./images/noneFile.png" alt="noneFile">
        <p>没有任何文档</p>
    </div>
    <!-- 登录与注册 login 默认隐藏点击登录显示-->
    <div class="loginDialog screenFullNone dn">
        <div class="innerBox">
            <!-- 关闭弹窗按钮 -->
            <div class="close">
                <img src="./images/courseware/cha2.png" alt="关闭">
            </div>
            <img src="./images/courseware/login@2.jpg" alt="loginBackGround">
            <div class="left">
                <img src="./images/courseware/kexue.png" alt="">
                <p>欢迎回来</p>
                <p>登录一起学习吧！</p>
                <span>课件共享,在线制作,简单高效</span>
            </div>
            <div class="right">
                <h4>登录科学小伙伴</h4>
                <div class="selTitle">
                    <div class="login">
                        <p id="wxLogin">扫码登陆</p>
                        <p id="telLogin" class="active">账号登录</p>
                    </div>
                    <div class="reg dn">
                        <p id="wxZC">微信注册</p>
                        <p id="telZC" class="active">手机注册</p>
                    </div>
                    <div class="pwdReset dn">
                        <p class="active" id="telFind">
                            手机找回
                        </p>
                    </div>
                    <div class="bindWxTel dn">
                        <p class="active">绑定手机号</p>
                    </div>
                </div>
                <div class="loginMeth">
                    <!-- 手机号登录 -->
                    <div class="telLogin common">
                        <input type="text" placeholder="请输入手机号" id="logUserTel" class="userTel">
                        <div class="yanzheng">
                            <input type="text" placeholder="请输入验证码" id="logYzm" class="yzm">
                            <button id="logGetYzm">获取验证码</button>
                        </div>
                        <div class="pwdOpera">
                            <!-- <div class="memoryPwd">
                                <input type="checkbox">
                                <em>记住密码</em>
                            </div> -->
                            <i>忘记密码？</i>
                        </div>
                        <button id="logTel">登录</button>
                        <p>
                            没有账号？请<span class="regsiBtn">注册</span>
                        </p>
                    </div>
                    <!-- 手机注册 -->
                    <div class="telReg common dn">
                        <input type="text" placeholder="+86 | 手机号" id="regUserTel" class="userTel">
                        <div class="yanzheng">
                            <input type="text" placeholder="请输入验证码" id="regYzm" class="yzm">
                            <button id="getYzm">获取验证码</button>
                        </div>
                        <input type="password" placeholder="请输入密码" id="regUserPwd" class="userPwd">
                        <input type="password" placeholder="再次确认密码" id="regUserRePwd" class="twoPwd">
                        <input type="text" placeholder="请输入昵称" id="regUserName" class="userName">
                        <button id="regBtn">注册</button>
                        <strong>
                            注册即代表您同意
                            <span class="localUserAgree">《科学小伙伴用户协议》</span>
                        </strong>
                        <p>
                            已有账号？请<span class="loginBtn">登录</span>
                        </p>
                    </div>
                    <!-- wx扫描登录 -->
                    <div class="wxLogin common dn" id="wx_login">
                        <!-- <img src="./images/courseware/green.png" alt="二维码"> -->
                        <p>没有账号？请<span class="regsiBtn">注册</span></p>
                    </div>
                    <!-- wx扫描注册 -->
                    <div class="wxReg common dn" id="wx_login_reg">
                        <p>使用微信扫码注册</p>
                        <img src="./images/courseware/green.png" alt="二维码">
                        <p class="wxRegp">
                            注册即代表您同意
                            <span>《科学小伙伴用户协议》</span>
                        </p>
                        <p class="line"></p>
                        <p>已有账号？请<span class="loginBtn">登录</span></p>
                    </div>
                    <!-- 手机找回 -->
                    <div class="findTel common dn">
                        <input type="text" placeholder="+86 | 手机号" id="rePwdTel" class="userTel">
                        <div class="yanzheng">
                            <input type="text" placeholder="请输入验证码" id="rePwdYzm" class="yzm">
                            <button id="sendRePwdYzm">获取验证码</button>
                        </div>
                        <input type="password" placeholder="请输入密码" id="rePwdUserPwd" class="userPwd">
                        <input type="password" placeholder="再次确认密码" id="rePwdUserRePwd" class="twoPwd">
                        <button id="rePwdReg">提交</button>
                        <p>
                            没有账号？请<span class="regsiBtn">注册</span>
                        </p>
                    </div>
                    <div class="bindTel common dn">
                        <input type="text" placeholder="手机号" id="bindUserTel" class="userTel">
                        <div class="yanzheng">
                            <input type="text" placeholder="请输入验证码" id="bindYzm" class="yzm">
                            <button id="bindTelYzm">获取验证码</button>
                        </div>
                        <input type="password" placeholder="请输入密码" id="bindUserPwd" class="userPwd">
                        <button id="regBtn">确认绑定</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="./js/jquery-1.10.1.min.js"></script>
    <script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
    <script src="./js/commonTool.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/login.js"></script>
    <script src="./js/jobManagement.js"></script>
</body>

</html>